﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="assets/lib/mobile/jquery.mobile-1.4.4.css" rel="stylesheet" />
</head>
<body>
    <div id="page3" data-role="page">
        <div data-role="header">
            <h1>page3</h1>
        </div>
        <div data-role="content">
            <p>
                内容部分
                <!--data-ajax="false"原生页面跳转形式-->
                <a href="#page4" data-rel="dialog">跳转到PAGE4</a>
            </p>
        </div>
        <div data-role="footer" data-position="fixed">
            <h2>Copyright &copy; Itcast</h2>
        </div>
    </div>
    <div id="page4" data-role="page">
        <div data-role="header">
            <h1>Page4</h1>
        </div>
        <div data-role="content">
            <p>
                内容部分
                <!--data-ajax="false"原生页面跳转形式-->
                <a href="#" data-rel="back">跳转到PAGE3</a>
            </p>
        </div>
        <div data-role="footer" data-position="fixed">
            <h2>Copyright &copy; Itcast</h2>
        </div>
    </div>
</body>
</html>
<script src="assets/lib/jquery/jquery-2.1.3.js"></script>
<script src="assets/lib/mobile/jquery.mobile-1.4.4.js"></script>
